<template>
  <avue-data-rotate :option="option"></avue-data-rotate>
</template>
<script setup>
import { ref } from 'vue';
const option = ref({
  span: 8,
  data: [
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      count: '150',
      title: '新订单',
      icon: 'el-icon-warning',
      color: 'rgb(49, 180, 141)'
    }, {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      count: '53%',
      title: '跳出率',
      icon: 'el-icon-view',
      color: '#00a65a'
    }, {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      count: '44',
      title: '用户注册数',
      icon: 'el-icon-setting',
      color: '#f39c12'
    }
  ]
})
</script>
